import React from "react";
import { BrowserRouter as Router, Routes, Route, Link } from "react-router-dom";
import ReactPage from "./video/ReactPage";
import Vue from "./video/Vue";
import Flutter from "./video/Flutter";


function Video() {
    return (
            <div>
                <div className="topNav">
                    <ul>
                        <li><Link to='/video/react_page'>React教程</Link></li>
                        <li><Link to='/video/flutter'>flutter教程</Link></li>
                        <li><Link to='/video/vue'>vue教程</Link></li>
                    </ul>
                </div>
                <div className="videoContent">
                    <div><h3>视频教程</h3></div>
                    <Routes>
                        <Route path='/react_page' exact element={<ReactPage />}></Route>
                        <Route path='/flutter' exact element={<Flutter />}></Route>
                        <Route path='/vue' exact element={<Vue />}></Route>
                    </Routes>
                </div>
            </div>
    )
}

export default Video

